<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>添加文章</title>
<script src="ckeditor/ckeditor.js"></script>
<%@include file="/WEB-INF/jsp/public/commons.jspf"%>
</head>
<body>
<ol class="breadcrumb">
  <li><a href="home_innerCentre.action">首页</a></li>
  <li><a href="carousel_list.action">轮播管理</a></li>
  <li class="active">轮播添加</li>
</ol>
<!-- 标题显示 -->
 <h4> 正在将【${news.title}】设为轮播 </h4>
<div class="well well-lg col-xs-7 col-md-offset-2">
	<s:form action="carousel_add.action" method="post" enctype="multipart/form-data" >
	  <s:hidden name="newsid" value="%{#news.id}"></s:hidden>
	  <div class="form-group col-xs-10" id="pic">
		 <label for="name">图片</label>
		 <input id="filepicture" name="file" type="file"  data-overwrite-initial="false" data-min-file-count="1" data-max-file-count="1" >
	     <p class="help-block">支持jpg、png、gif格式，大小不超过2.0M</p> 
	  </div>
	   <div class="form-group col-xs-10">
			 <a href="javascript:history.go(-1);" class="btn btn-info">返回</a>
			 <button type="submit" class="btn btn-success">保存</button>
	   </div>
	 </s:form>
</div>
</body>

<script type="text/javascript">
 $('#filepicture').fileinput({
	        'allowedFileExtensions': ['jpg', 'png', 'gif'],
	        overwriteInitial: false,
	        showUpload: false, //是否显示上传按钮
	        showCaption: true,//是否显示标题
	        maxFileSize: 20480,
	        minImageWidth: 50, //图片的最小宽度
	        minImageHeight: 50,//图片的最小高度
	        maxImageWidth: 100,//图片的最大宽度
	        maxImageHeight: 100,//图片的最大高度
	        browseClass: "btn btn-primary", //按钮样式             
	        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
	   });
</script>
</html>